
@-webkit-keyframes tantiao{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-5px);}
	100%{transform: translateY(0px);}
}
@-webkit-keyframes ftantiao{
	0%{transform: translateY(0px);}
	50%{transform: translateY(5px);}
	100%{transform: translateY(0px);}
}
@-webkit-keyframes tiaofu{
	0%{transform: translate(0px);}
	12%{transform: translate(-5px,-2px);}
	25%{transform: translate(-7px,-1px);}
	37%{transform: translate(-10px,3px);}
	50%{transform: translate(-13px,6px);}
	62%{transform: translate(-7px,8px);}
	75%{transform: translate(-4px,9px);}
	87%{transform: translate(-3px,5px);}
	100%{transform: translate(0px);}
}

.content{width: 100%;overflow: hidden;font-size: 16px;}
.content>img{width: 85%; position: absolute;z-index: -1;animation: 5s tiaofu infinite linear;}
.content .dev-right{float: right;width: 40%;padding: 20px;}
.content .dev-right .dev-right-top p,.dev-right-bottom ul{margin: 40px 0;}
.content .dev-right-bottom ul li{list-style: disc;margin-left: 2em;}
.content .dev-right .dev-right-bottom{margin-top: 40px;}
.content .dev-right .dev-right-top a{font-size: 13px; display: block; background: #1574d4; border-radius:10px;color:#fff;width: 166px;height: 36px;line-height: 36px; text-align: center;}
.content .dev-right .dev-right-top a:hover{background: #148aff;}
.content .dev-right .dev-right-bottom span{font-size: 13px; display: inline-block;width: 166px;height: 36px;line-height: 36px; text-align: center;border-radius:10px;border: 1px solid #000;cursor: pointer}
.content .dev-right .dev-right-bottom span:hover{background: #1574d4;color:#fff;border: none;border: #1574D4 1px solid;}
.content .dev-bottom{background:#CCCCCC;text-align: center;clear: both;}
.content .dev-bottom li{float: left;padding: 30px 134px;}
.content .dev-bottom li:hover img{animation: tantiao .6s;}
.content .dev-bottom li:hover p{animation: ftantiao .6s;}